


// Vue 项目的配置文件
// 反向代理  proxy设置一个代理对象  处理后端和前端数据请求的跨域问题  
// 1. 解决 跨域  
// 2. 代替 baseURL  如果使用了 代理  就不要使用 baseURL 
module.exports = {
      pwa: {
        iconPaths: {
          favicon32: 'favicon.ico',
          favicon16: 'favicon.ico',
          appleTouchIcon: 'favicon.ico',
          maskIcon: 'favicon.ico',
          msTileImage: 'favicon.ico'
        }
    },
    lintOnSave:false,  // 取消ESLint 的书写规范限制

    devServer:{  // Vue 服务器的 配置文件 
        host:"localhost",
        port:'8888',
        open:true,   // 自动打开 浏览器
        hot:true,   // 自动更新 热更新
        inline:true,
        // 反向代理  不能使用 axios 基路径   baseURL
        proxy:{
           '/gateway':{
             target:"https://m.maizuo.com/"
           },
           '/wangyi':{
              target:"http://47.104.209.44:3333",
              pathRewrite:{
                  "^/wangyi":""  // 需要将 /wangyi 重写为 / 
              }
            },
              '/api':{
                target:"http://localhost:2101/",
                pathRewrite:{
                    "^/api":""  // 需要将 /wangyi 重写为 / 
              }
            }
          }
    },
    css: {  // 处理css 
        loaderOptions: {   // 加载器 处理样式 
          css: {},
          postcss: {   // 样式代码处理 
            plugins: [
              // 补全css前缀(解决兼容性)
              // require("autoprefixer")(),    // moz  ms  webkit 
              // 把px单位换算成rem单位
              require("postcss-px2rem")({   // px => rem 
                  remUnit:37.5,  // VantUI 设计稿尺寸 375 
                // rootValue: 75, // 换算的基数(设计图750的根字体为75)
                // selectorBlackList: [".van", ".my-van"],// 要忽略的选择器并保留为px。
                // propList: ["*"], //可以从px更改为rem的属性。
                // minPixelValue: 2 // 设置要替换的最小像素值。
                exclude:/node_modules/i
              })
            ]
          }
        }
    }
  
}